<template>
  <!-- inheritAttrs 默认值为 true 表示可以继承 非prop的attribute -->
  <div class="book">
      <span>{{ instance.id }}</span>
      <span>{{ instance.name }}</span>
      <span>￥{{ instance.price }}</span>
  </div>
</template>

<script>
export default {
    name: 'Book' ,
    props: {
        instance: Object
    }
}
</script>

<style>
.book {
    display: flex ;
    margin: 15px ;
    border: 1px solid blue ;
}

.book>span {
    flex-basis: 200px ;
    text-align: center ;
}
</style>